<template>
  <div>
    <router-view></router-view>
    <van-tabbar route v-model="active">
      <van-tabbar-item replace to="/record" icon="home-o">动态</van-tabbar-item>
      <van-tabbar-item replace @click="showmodel" icon="add">更多</van-tabbar-item>
      <van-tabbar-item replace to="/use" icon="user-o">个人中心</van-tabbar-item>
    </van-tabbar>
    <van-popup
      v-model="show"
      closeable
      round 
      close-icon="close"
      position="bottom"
      :style="{ height: '30%' }"
      get-container="body"
    >
        <van-cell-group class="dtadd">
      <van-cell
        style=" text-indent: 1.5rem"
        title="证件照"
        is-link
        to="/zjzhd"
      />
    </van-cell-group>
        <van-cell-group class="zjz">
      <van-cell
        style="text-indent: 1.5rem"
        title="发布动态"
        is-link
        to="/share"
      />
    </van-cell-group>
    </van-popup>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 0,
      show: false,
    };
  },
  methods:{
      showmodel(){
          this.show=!this.show
      }
  }
};
</script>

<style>
.dtadd{
    margin-top:10vh;
}
</style>